<template>
	<view class="content">
		<view class="scroll-card">
			<view class="scrollMain_box">
				<view class="sur_box_bg">
					<img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my_bg.png"
						alt="" />
				</view>
				<view class="scrollMain_container" :style="titleTop">
					<view class="my_info_box">
						<view class="info_box_top">
							<view class="box_top_detail_t" v-if="!isLogin" @click="toLogin">
								<view class="box_top_detail_left">
									<view class="info_img"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/isLogin.png"
											style="width: 100rpx;height: 100rpx; " /> </view>
									<view class="info_name">登录/注册</view>
								</view>
							</view>
							<view class="box_top_detail_t" v-if="isLogin">
								<view class="box_top_detail_left" @click="onClickUserInfo">
									<view class="info_img"><img :src="avatarUrl" style="width: 100rpx;height: 100rpx; " /> </view>
									<view class="info_name">{{ nickName }}</view>
									<!-- <button class="info_img" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
										<image class="avatar" :src="avatarUrl" style="width: 100rpx;height: 100rpx; "></image>
									</button>
									<input type="nickname" class="weui-input" placeholder="请输入昵称" :value="nickName" @blur="onChangeNickName"/> -->
								</view>
								<view class="box_top_detail_right" @click="toEarnPoints">
									赚积分
									<van-icon name="arrow" />
								</view>
							</view>
							<view class="box_top_detail_b" >
								<view class="detail_b_content" @tap="toMyScore">
									<view class="detail_b_num">{{myPoints}}</view>
									<view class="detail_b_name">我的积分</view>
								</view>
								<view class="detail_b_content" @tap="toMyWallet">
									<view class="detail_b_num">{{myBalance}}</view>
									<view class="detail_b_name">我的钱包</view>
								</view>
								<view class="detail_b_content" @tap="toMyService">
									<view class="detail_b_num">{{myServiceNum}}</view>
									<view class="detail_b_name">我的服务</view>
								</view>
								<view class="detail_b_content" @click="toMyCouponList">
									<view class="detail_b_num">{{myCouponNum}}</view>
									<view class="detail_b_name">优惠券</view>
								</view>
							</view>
						</view>
						<view class="my_info_svip">
							<view class="svip_left">
								<view class="svip">17le·life</view>
								<view style="margin-left: 18rpx; margin-right: 18rpx; color: rgba(190, 190, 190);">|</view>
								<!-- <view class="svip_tips"> <span class="white_text">立享价值</span> <span
										class="money">159元</span><span class="white_text">优惠权益</span></view> -->
								<view class="textTips">引领智慧社区·开启全新生活 Go!</view>
							</view>
							<!-- <view class="update">立即升级</view> -->
						</view>
					</view>
					<!-- 我的订单 -->
					<view class="myOrder">
						<view class="box_title">我的订单</view>
						<view class="line"></view>
						<view class="box_content icon_list_b">
							<view class="con_list" @click="clickBtn(0,-1)">
								<view class="con_icon"> <img
										src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/allOrder.png" />
								</view>
								<view class="con_text">全部订单</view>
							</view>
							<view class="con_list" @click="clickBtn(1,4)">
								<view class="con_icon"><img
										src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/noPay.png" />
								</view>
								<view class="con_text">待付款</view>
							</view>
							<view class="con_list" @click="clickBtn(3,1)">
								<view class="con_icon"><img
										src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/noUse.png" />
								</view>
								<view class="con_text">待收货/待使用</view>
							</view>
							<view class="con_list" @click="clickBtn(4,2)">
								<view class="con_icon"><img
										src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/noPingjia.png" />
								</view>
								<view class="con_text">待评价</view>
							</view>
						</view>
					</view>
					<!-- 常用功能 -->
					<view class="functions">
						<view class="box_title">常用功能</view>
						<view class="line"></view>
						<view class="box_content ">
							<view class="icon_list">
								<view class="con_list con_list_flex" @tap="joinOur">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/jiaru.png"
											alt="" /></view>
									<view class="con_text">加入我们</view>
									<!-- <navigator url="https://www.zhipin.com/" target="miniProgram" open-type="navigateToMiniProgram"> 加入我们 </navigator> -->
								</view>
								<view class="con_list con_list_flex" @tap="toMyActivities">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/myActivity.png"
											alt="" /></view>
									<view class="con_text">我的活动</view>
								</view>
								<view class="con_list con_list_flex" @tap="toAboutUs">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/aboutUsIcon.png"
											alt="" /></view>
									<view class="con_text">关于我们</view>
								</view>
								<view class="con_list con_list_flex" @tap="toOurOfficialAccount">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/accounts.png"
											alt="" /></view>
									<view class="con_text">关注公众号</view>
								</view>
								<button class="con_list con_list_flex" plain  open-type="share" @click="myShare()">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/share.png"
											alt="" /></view>
									<view class="con_text">分享</view>
								</button>
								<view class="con_list con_list_flex" @tap="toSettings">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/emplace.png"
											alt="" /></view>
									<view class="con_text">设置</view>
								</view>
								<view class="con_list con_list_flex" @tap="toServiceChat">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/kefu.png"
											alt="" /></view>
									<view class="con_text">客服中心</view>
								</view>
								<view class="con_list con_list_flex" @tap="toMerchant()" v-if="hasSelfPickupInfo">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/merchantIcon.png"
											alt="" /></view>
									<view class="con_text">自提点</view>
								</view>
								<view class="con_list con_list_flex" @tap="toServicerModule()" v-if="hasService">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/staffIcon.png"
											alt="" /></view>
									<view class="con_text">服务人员</view>
								</view>
							</view>
							<!-- <view class="icon_list t17">
								
								<button class="con_list con_list_flex" plain  open-type="share" @click="myShare()">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/share.png"
											alt="" /></view>
									<view class="con_text">分享</view>
								</button>
								<view class="con_list con_list_flex" @tap="toSettings">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/emplace.png"
											alt="" /></view>
									<view class="con_text">设置</view>
								</view>
								<view class="con_list con_list_flex" @tap="toServiceChat">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/kefu.png"
											alt="" /></view>
									<view class="con_text">客服中心</view>
								</view>
								<view class="con_list con_list_flex" @tap="toMerchant()">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/tousuI.png"
											alt="" /></view>
									<view class="con_text">自提点</view>
								</view>
								<view class="con_list con_list_flex" @tap="toServicerModule()">
									<view class="con_icon"><img
											src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/tousuI.png"
											alt="" /></view>
									<view class="con_text">服务人员</view>
								</view>
							</view>
							<view class="icon_list t17" style="display: flex; flex-wrap: wrap;">
								
							</view> -->
						</view>
					</view>

					<!-- logo -->
					<view class="logo_img t13">
						<img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/logo_img.png"
							alt="" style="height: 56rpx; width:238rpx ;" />
					</view>
				</view>
			</view>
		</view>
		<view class="nav_box">
			<tabBar :activeNav="activeNav"></tabBar>
		</view>
	</view>
</template>

<script>
import { tabBar } from '@/mycomponents/tabBar'
import {getMyPageApi} from '@/api/mine'
import  {PAGE_TYPE} from '@/utils/constant'

import {authMixin} from '@/utils/isLogin'
const defaultAvatarUrl = 'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/defaultAvatar.png'

export default {
	components: {
		tabBar
	},
	data() {
		return {
			defaultAvatar:'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/defaultAvatar.png',
			title: 'Hello111',
			pageType:PAGE_TYPE.MINE,
			myPoints:'0', //我的积分
			myBalance:'0', //我的钱包
			myCouponNum:0, //我的优惠券
			myServiceNum:0, //我的服务
			myOrderNum:'0', //我的订单
			hasSelfPickupInfo:false, //是否有自提点信息
			hasService:false, //是否有服务人员信息
			value1: 0,
			value2: 'a',
			activeNav: 3,
			menuButtonTop:'',
			titleTop:'0px',
			isLogin:false,
			avatarUrl:defaultAvatarUrl,
			nickName:'张新萍',
			externalLink:'https://open.work.weixin.qq.com/wwopen/uriconfirm?err_type=param_err&uri=https%3A%2F%2Fopen.weixin.qq.com%2Fconnect%2Foauth2%2Fauthorize%3Fappid%3Dwx154e925eb1f54c86%26redirect_uri%3Dhttps%3A%2F%2Fm.zhipin.com%2Fwapi%2Fzpweixin%2Fofficial%2Fauth%2Fboss%26response_type%3Dcode%26scope%3Dsnsapi_userinfo%26state%3Dffd87bcb44a4b4213809bb2e7f059f8c%26connect_redirect%3D1%23wechat_redirect&ts=1735120731&nonce=025eeb2d55994271&sig=56776787b1658bcb218eafb4e0dd5d5d6be8c1a3&bar_style_type=2'
		}
	},
	onLoad() {
		const avatarUrl= uni.getStorageSync('userInfo').avatarUrl
		const nickName=uni.getStorageSync('userInfo').nickName

		if(avatarUrl){
			this.avatarUrl=avatarUrl
		}
		if(nickName){
			this.nickName=nickName
		}
		const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
        console.log('胶囊按钮高度：', menuButtonInfo.height);
        console.log('胶囊按钮top：', menuButtonInfo.top,menuButtonInfo);

        this.menuButtonTop = menuButtonInfo.top
        this.titleTop='margin-top:'+ ( this.menuButtonTop + menuButtonInfo.height + 40 ) +'px' 
        console.log(this.titleTop)
	},
	onReady(){
		// const access_token = uni.getStorageSync('access_token');
		// if(access_token){
		// 	this.isLogin=true
		// 	this.getMyPageInfo() 	// 获取用户信息
		// }else{
		// 	this.isLogin=false
		// }
	},
	async onShow(){
		// 通过本地有无token 判断是否已经登录
		const access_token = uni.getStorageSync('access_token');
		// const userInfo = uni.getStorageSync('userInfo');
		if(!access_token){
			this.isLogin=false
			this.myPoints = '0';
			this.myBalance = '0';
			this.myCouponNum = 0;
			this.myServiceNum = 0;
			return;
		}
		// 登录状态处理
		this.isLogin=true
		await this.getMyPageInfo() 	// 获取用户信息
		// // debugger
		// if (userInfo) {
		// 	console.log(userInfo,'用户信息')
		// 	this.avatarUrl = userInfo.avatarUrl || defaultAvatarUrl;
		// 	this.nickName = userInfo?.nickName || '微信用户';
		// }
	},
	methods: {
		onChangeNav() {
			console.log('index')
		},

		// 去登录
		toLogin() {
			uni.navigateTo({
				url: '/pages/login/loginSelect'
			})
		},
        // 获取用户信息
        async getMyPageInfo(){
            getMyPageApi().then(res=>{
                if(res.code === 200){
					this.myPoints = res.data?.points || 0
					this.myBalance = res.data?.balance ||0
					this.myCouponNum = res.data?.couponNum||0
					this.myServiceNum = res.data?.serviceNum||0
					this.hasSelfPickupInfo = res.data?.hasSelfPickupInfo || false
					this.hasService = res.data?.hasService || false

					const userInfo = uni.getStorageSync('userInfo')
					if (res.data.nickName) {
					    this.nickName = res.data?.nickName || '微信用户'
						uni.setStorage({
							key: 'userInfo',
							data: {
								...userInfo,
								nickName: res.data?.nickName
							}
						})
					}else if(userInfo.nickName){
						this.nickName = userInfo?.nickName || '微信用户'
					}else{
						this.nickName = '微信用户'
					}
					if (res.data.avatarUrl) {
					    this.avatarUrl = res.data?.avatarUrl || defaultAvatarUrl
						uni.setStorage({
							key: 'userInfo',
							data: {
								...userInfo,
								avatarUrl: res.data?.avatarUrl
							}
						})
					}else if (res.data.imgUrl){
						this.avatarUrl = res.data?.imgUrl || defaultAvatarUrl
						uni.setStorage({
							key: 'userInfo',
							data: {
								...userInfo,
								avatarUrl: res.data?.imgUrl
							}
						})
					}
					console.log('获取用户信息',this.nickName)

                }
            })
        },
		// 获取用户头像
		onChooseAvatar(e) {
			console.log(e,'获取头像')
			this.avatarUrl=e.detail.avatarUrl
			uni.setStorage({
				key: 'avatarUrl',
				data: this.avatarUrl
			})
		},
		onChangeNickName(e){
			console.log(e,'获取昵称')
			this.nickName=e.detail.value
			uni.setStorage({
				key: 'nickName',
				data: this.nickName
			})
		},
		clearStorage() {
			uni.showToast({
				title: '清除成功',
				icon: 'success',
				duration: 2000, // 提示的延迟时间，单位毫秒，默认：1500
				mask: false, // 是否显示透明蒙层，防止触摸穿透，默认：false
				// image:'./image.png',//自定义图标的本地路径
			})
		},
		changeTab(e) {
			console.log(e.detail.title, '090909')
		},

		onTabClick(val, e) {
			this.activeIndex = val
			console.log(val, '发现页服务')
		},
		// 赚积分
		toEarnPoints(){
			authMixin()
			uni.navigateTo({
				url: '/pages/integral/earnPoints'
			})
		},
		// 我的积分
		toMyScore(){
			authMixin()
			const params={
				myPoints:this.myPoints
			}
			uni.navigateTo({
				url: '/pages/integral/myScore?params=' +
              encodeURIComponent(JSON.stringify(params))
			})
		},
		// 我的钱包
		toMyWallet(){
			authMixin()
			uni.navigateTo({
				url: '/pages/minePage/myWallet'
			})	
		},
		// 我的服务
		toMyService(){
			authMixin()
			uni.navigateTo({
				url: '/pages/myService/myService'
			})	
		},
		// 加入我们
		joinOur(){
			// wx.navigateToMiniProgram({
			// 	appId: 'wx154e925eb1f54c86', // Boss直聘的AppID
			// 	path: 'pages/oauth/joblist/joblist.html', // 跳转路径
			// 	extraData: {}, // 需要传递的参数
			// 	envVersion: 'release', // 跳转到正式环境
			// 	success(res) {
			// 		console.log('打开成功', res);
			// 	},
			// 	fail(err) {
			// 		console.error('打开失败', err);
			// 		uni.showToast({
			// 			title: '跳转失败，请稍后再试',
			// 			icon: 'none'
			// 		});
			// 	}
			// });
			// 方案1：跳转H5页面
			wx.navigateTo({
				url: '/pages/minePage/joinOur?url=' + encodeURIComponent('https://www.zhipin.com'),
				success: () => console.log('跳转成功'),
				fail: (err) => {
					console.error('跳转失败:', err)
					uni.showToast({
						title: '功能正在维护中',
						icon: 'none'
					})
				}
			})

			// // 方案2：复制招聘信息
			// wx.setClipboardData({
			// 	data: 'BOSS直聘搜索：17乐生活',
			// 	success() {
			// 		uni.showToast({
			// 			title: '招聘信息已复制',
			// 			icon: 'success'
			// 		})
			// 	}
			// })
			// uni.navigateTo({
			// 	url: '/pages/minePage/joinOur'
			// })
			// wx.openUrl('https://open.work.weixin.qq.com/wwopen/uriconfirm?err_type=param_err&uri=https%3A%2F%2Fopen.weixin.qq.com%2Fconnect%2Foauth2%2Fauthorize%3Fappid%3Dwx154e925eb1f54c86%26redirect_uri%3Dhttps%3A%2F%2Fm.zhipin.com%2Fwapi%2Fzpweixin%2Fofficial%2Fauth%2Fboss%26response_type%3Dcode%26scope%3Dsnsapi_userinfo%26state%3Dffd87bcb44a4b4213809bb2e7f059f8c%26connect_redirect%3D1%23wechat_redirect&ts=1735120731&nonce=025eeb2d55994271&sig=56776787b1658bcb218eafb4e0dd5d5d6be8c1a3&bar_style_type=2')
		},

		// 关于我们
		toAboutUs(){
			uni.navigateTo({
				url: '/pages/minePage/aboutUs'
			})
		},
		// 关注公众号
		toOurOfficialAccount(){
			uni.navigateTo({
				url: '/pages/minePage/officialAccount'
			})
		},
		// 分享
		myShare() {
			wx.miniapp.shareMiniProgramMessage({
				// 注： 小程序原始id 不是小程序 appid，通常是 gh_xxx 开头的内容， 如 gh_d43f693ca31f 
				userName: 'gh_afb7dd1aaa80',
				path: 'pages/find/index',
				title: '17乐生活',
				// imagePath: '/pages/thumb.png',
				webpageUrl: 'www.qq.com',
				withShareTicket: true,
				miniprogramType: 0,
				scene: 0,
				success(res) {
					wx.showToast({
						title: '成功：分享小程序',
					})
					console.log(res)
				},
				fail() {
					wx.showToast({
						title: '失败：分享小程序',
					})
				}
			})
		},
		// 修改个人信息
		onClickUserInfo(){
			authMixin()
			const params = {}
			uni.navigateTo({
				url: '/pages/profile/userInfo?params=' +
					encodeURIComponent(JSON.stringify(params))
			})
		},
		// 全部订单
		clickBtn(val,orderStatus) {
			authMixin()
			const params = {
				activeTab : val,
				orderStatus:orderStatus
			}
			
			uni.navigateTo({
				url: '/pages/orders/myOrder?params=' +
					encodeURIComponent(JSON.stringify(params))
			})

		},
		// 优惠券
		toMyCouponList() {
			authMixin()
			const params = {}
			uni.navigateTo({
				url: '/pages/minePage/myCouponList?params=' +
					encodeURIComponent(JSON.stringify(params))
			})
		},
		// 我的活动
		toMyActivities() {
			authMixin()
			const params = {
				pageType:PAGE_TYPE.MINE,
			}
			uni.navigateTo({
				url: '/pages/findPage/activitiesList?params=' +
					encodeURIComponent(JSON.stringify(params))
			})
		},
		// 设置
		toSettings() {
			const params = {}
			params.pageSign = 'mine'
			uni.navigateTo({
				url: '/pages/minePage/settings'
			})
		},
		// 我的客服
		toServiceChat() {
			wx.miniapp.openCustomerServiceChat({
				corpId: 'xxxx', // 企业id // 在企业微信后台-我的企业-企业信息获取
				url: 'https://work.weixin.qq.com/kfid/kfcxxxxx',
				complete(res) {
					console.error('miniapp.openCustomerServiceChat', res)
				},
				success(res) {
					wx.showToast({
						// title: '成功：分享图片',
					})
					console.log('客服连接成功');
				},
				fail() {
					console.error('客服连接失败:', err);
					uni.showToast({
						title: '客服暂不可用，请稍后重试',
						icon: 'none'
					});
				}
			})
		},
		// 去商家  自提点  服务人员
		toMerchant(){
			const params = {}
			uni.navigateTo({
				url: '/pages/merchant/index?params=' +
					encodeURIComponent(JSON.stringify(params))
			})
		},
		// 服务人员
		toServicerModule(){
			const params = {}
			uni.navigateTo({
				url: '/pages/serviceStaff/index?params=' +
					encodeURIComponent(JSON.stringify(params))
			})
		}

	}
}
</script>

<style lang="scss" scoped>

.content {
	// position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	height: calc(100vh - 100rpx);
	overflow-y: auto;
	justify-content: center;
	z-index: -5;
	// background: url("https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/my_bg.png") no-repeat;
	// background-color: #f9f9f9;
	background-size: 100%;
	background-color: #F9F9F9;

}
.scroll-card{
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	height: 100vh;
	z-index:1;
	background-color: #F9F9F9;
}

.scrollMain_box {
	// position:absolute;
	// top: 12%;
	// width: calc(100% - 24px);
	// margin-bottom: 12px;
	// display: flex;
	// flex-direction: column;
	// box-sizing: border-box;
	height: 100vh;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	z-index: -1;
	padding-bottom: 62rpx;
	background-color: #F9F9F9;
}


//背景图部分
.sur_box_bg {
	position: absolute;
	top: 0rpx;
	width: 100%;
	height: 616rpx;

	img {
		width: 100%;
		height: 616rpx;
	}

}

.scrollMain_container{
	margin-left: 24rpx;
	margin-right: 24rpx;
	// margin-top: 100px;
	// position: absolute;
	// top: 15%;
	width: calc(100% - 48rpx);
	background-color: transparent;
	z-index: 1;
	padding-bottom: 100rpx;
}

// 头像名字积分
.my_info_box {

	z-index: 5;

	background: linear-gradient(to bottom, #FFFFFF,#333333,#333333);
	border-radius: 6px;
	border-color: none;

	.info_box_top {
		background: linear-gradient(-43deg, #F0F0F0, #FFFFFF, #F0F0F0);   //颜色不明显
		// background:linear-gradient(-43deg, red, yellow ,red) ;  //明显
		// background: linear-gradient(169.01deg, rgba(245,240,227,1) 18.44%,rgba(255,255,255,1) 42.34%,rgba(255,255,255,1) 72.62%,rgba(255,255,255,1) 86.17%,rgba(242,236,222,1) 98.12%);
		padding: 32rpx 24rpx 42rpx 24rpx;
		border-radius: 6px;

		.box_top_detail_t {
			display: flex;
			justify-content: space-between;
			width: 100%;

			.box_top_detail_left {
				display: flex;
				align-items: center;

				.info_img {
					position: relative;
					width: 112rpx;
					height: 112rpx;
					background: rgb(255, 255, 255, 0.5);
					border-radius: 50%;
					img{
						position: absolute;
						border-radius: 50px;
						left: 4rpx;
						top: 6rpx;
					}
					image{
						position: absolute;
						border-radius: 50px;
						left: 6rpx;
						top: 6rpx;
					}
				}

				.info_name {
					// margin-top: 34rpx;
					margin-left: 30rpx;
					// margin-bottom: 42rpx;
					font-weight: bolder;
					font-size: 38rpx;
					text-align: left;
					color: #111111;
					line-height: 38rpx;
				}
				// 登录注册
				.register{
					font-size: 38rpx;
					text-align: left;
					color: #111111;
					line-height: 38rpx;
				}
				.weui-input{
					margin-left:30rpx;
				}
			}

			.box_top_detail_right {
				border-radius: 4px;
				margin-top: 26rpx;
				margin-bottom: 28rpx;
				background: linear-gradient(182deg, #FFFFFF 0%, #FFEADD 100%,#FFFFFF 0%,);  //橘色
				font-weight: bolder;
				font-size: 24rpx;
				color: #333333;
				padding: 14rpx 24rpx 14rpx 24rpx;
				width: 16%;
			}
		}

		.box_top_detail_b {
			display: flex;
			justify-content: space-between;
			margin-top: 62rpx;
			padding-left: 20rpx;
			padding-right: 20rpx;

			.detail_b_content {
				.detail_b_num {
					font-weight: bolder;
					font-size: 38rpx;
					text-align: center;
					color: #191919;
				}

				.detail_b_name {
					margin-top: 22rpx;
					font-size: 24rpx;
					text-align: center;
					color: #111111;
				}
			}
		}


	}
// vip部分
	.my_info_svip {
		padding: 32rpx 24rpx 28rpx 24rpx;
		display: flex;
		justify-content: space-between;


		.svip_left {
			display: flex;
			align-items: center;

			.svip {
				font-weight: 900;
				font-size: 40rpx;
				line-height: 40rpx;
				text-align: center;
				color: #FF6203;
			}

			.svip_tips {
				line-height: 24rpx;
			}

			.white_text {
				font-weight: 500;
				font-size: 28rpx;
				line-height: 28rpx;
				text-align: left;
				color: #FFFFFF;
			}

			.money {
				font-weight: 900;
				font-size: 28rpx;
				line-height: 28rpx;
				text-align: left;
				color: #FF6203;
			}

			.textTips{
				font-size: 28rpx;
				color: rgb(190, 190, 190);
				line-height: 28rpx;
			}
		}

		.update {
			border-radius: 4px;
			background: #ff6203;
			font-size: 24rpx;
			text-align: left;
			color: #FFFFFF;
			padding: 12rpx 14rpx;
		}
	}
}

// 我的订单
.myOrder {
	z-index: 5;
	border-radius: 6px;
	background: #ffffff;
	padding: 28rpx 24rpx 34rpx 24rpx;
	margin-top: 32rpx;

}

// 常用功能
.functions {
	z-index: 5;
	border-radius: 6px;
	background: #ffffff;
	padding: 28rpx 24rpx 38rpx 24rpx;
	margin-top: 24rpx;
}

// 订单 功能盒子内容
// 标题
.box_title {
	font-weight: bolder;
	font-size: 32rpx;
	line-height: 32rpx;
	text-align: left;
	color: #111111;
	margin-bottom: 28rpx;
}

.line {
	height: 4rpx;
	background: #f8f8f8;
}

// 图标＋文字
.box_content {
	padding-top: 30rpx;
}

.icon_list_b{
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding-left: 16rpx;
	padding-right: 16rpx;
}

.icon_list {
	display: flex;
	flex-wrap: wrap;
	// justify-content: space-around;
	text-align: center;
}
// 一行元素四等分
.con_list_flex{
	// flex: 1;  // 每个元素占据1/4的宽度
	width: 25%;
	margin-bottom: 17px;
}
.con_list {
	text-align: center;

	

	.con_icon {
		margin-bottom: 20rpx;
		height: 45rpx !important;
		line-height: 45rpx;
		img {
			width: 45rpx;
			height: 45rpx;
		}
	}

	.con_text {
		// font-weight: 500;
		font-size: 24rpx;
		line-height: 24rpx;
		text-align: center;
		color: #111111;
	}
}

button{
    border: none;
}
button[plain]{
    border:none;
}
// logo
.logo_img {
	text-align: center;
}




.r5 {
	margin-right:10rpx;
}

.r10 {
	margin-right: 20rpx;
}

.t1 {
	margin-left: 2rpx;
}

.t2 {
	margin-top: 4rpx;
}

.t5 {
	margin-top: 10rpx;
}

.t7 {
	margin-top: 14rpx;
}

.t9 {
	margin-top: 18rpx;
}

.t10 {
	margin-top: 20rpx;
}
.t17{
	margin-top: 34rpx;
}
.t13 {
	margin-top: 26rpx;
}

.b1 {
	margin-right: 2rpx;
}

.b9 {
	margin-bottom: 18rpx;
}

.b11 {
	margin-bottom: 22rpx;
}

.b12 {
	margin-bottom: 24rpx;
}

.b13 {
	margin-bottom: 26rpx;
}


::v-deep .van-tabbar-item{
	font-size: 20rpx;
	color: #666666;
}
::v-deep .van-tabbar-item--active{
    font-weight: bolder;
	font-size: 20rpx;
	color: #666666;
}
button{
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	background-color: transparent !important;
}
button[plain] {
    background-color: transparent;
    border:none ;
}
</style>
